<template>
	<view class="content">
		<TabBar :list="tabList" :defaultTab="0" @handelTabBar="handelTabBar">
		</TabBar>
	</view>
</template>

<script setup>
import useTabBarStore from '@/store/modules/base/tabBar'
import TabBar from "@/components/tabBar/index.vue"
const store = useTabBarStore()
const tabList = store.list;
// tabBar
const handelTabBar = (index) => {
	uni.redirectTo({
		url: tabList[index].pagePath
	})
}

</script>

<style lang="scss">
:deep(.wd-tabbar.is-fixed) {
	bottom: 20px;
}
</style>